/* 最大的父盒子 */

.Gui-view {
    width: 1200px;
    height: 1566px;
    margin: 0 auto;
    margin-top: 30px;
}

.Gui-view ul {
    /* display: flex; */
    width: 1200px;
    height: 1250px;
}


/* li公共样式 */

.Gui-view>ul>li {
    width: 210px;
    height: 275px;
    margin: 0 10px 10px 0;
    padding: 6px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    float: left;
}


/* li里面的照片 */


/* 里面的div */

.Gui-view .Gui-view-p-img {
    width: 210px;
    height: 210px;
    transition: opacity .3s ease-out;
}


/* 里面照片 */

.Gui-view .Gui-view-p-img img {
    width: 100%;
    height: 100%;
    text-align: content;
    /* margin-left: 6px; */
}


/* 字体 */

.Gui-view .Gui-view-p-name {
    width: 210px;
    height: 21px;
}

.Gui-view .Gui-view-opacity_img .Gui-view-p-name {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 8px;
}


/* 钱 */

.Gui-view .Gui-view-p-price {
    line-height: 36px;
}

.Gui-view .Gui-view-shop-price {
    font-size: 16px;
    color: #f42121;
    float: left;
}


/* 中划线钱 */

.Gui-view .Gui-view-original-price {
    margin-left: 5px;
    color: #555;
    float: left;
}


/* hover效果 */

.Gui-view li:hover {
    border: 1px solid #f42424;
}

.Gui-view li:hover a {
    color: #f42424;
}

.Gui-view li:hover .Gui-view-p-img {
    opacity: .7;
}